<template>
	<view class="mons">
		<view class="cons">
			<view class="title">
				1.会员等级划分及介绍
			</view>
			<view class="p">
				会员级别共分为4个级别，分别为普通会员、黄金会员、白金会员、钻石会员会员级别由成长值决定，成长值越高会员等级越高，享受的会员权益越大。会员级别由系统自动处理，无需申请。
			</view>
			<view class="title">
				2.会员等级所对应的成长值
			</view>
			<view class="box">
				<view class="fl">
					<image src="../../static/img/3/3-47.png" mode="widthFix"></image>
					<view>
						普通会员
					</view>
					<view>
						1-999
					</view>
				</view>
				<view class="fl">
					<image src="../../static/img/3/3-48.png" mode="widthFix"></image>
					<view>
						黄金会员
					</view>
					<view>
						1000-4999
					</view>
				</view>
				<view class="fl">
					<image style="width: 60rpx;" src="../../static/img/3/3-49.png" mode="widthFix"></image>
					<view>
						白金会员
					</view>
					<view>
						5000-14999
					</view>
				</view>
				<view class="fl">
					<image src="../../static/img/3/3-50.png" mode="widthFix"></image>
					<view>
						钻石会员
					</view>
					<view>
						15000以上
					</view>
				</view>
			</view>
			<view class="title">
				3.不同等级的会员有哪些特权？
			</view>
			<view class="table">
				<view class="tr qys">
					<view class="td">
						权益
					</view>
					<view class="td">
						普通会员
					</view>
					<view class="td">
						黄金会员
					</view>
					<view class="td">
						白金会员
					</view>
					<view class="td">
						钻石会员
					</view>
				</view>
				<view class="tr">
					<view class="td qy">
						等级标识
					</view>
					<view class="td">
						<image src="../../static/img/3/3-47.png" mode="widthFix"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-48.png" mode="widthFix"></image>

					</view>
					<view class="td">
						<image src="../../static/img/3/3-49.png" style="width: 60rpx;" mode="widthFix"></image>

					</view>
					<view class="td">
						<image src="../../static/img/3/3-50.png" mode="widthFix"></image>
					</view>
				</view>
				<view class="tr">
					<view class="td qy">
						满免运费
					</view>
					<view class="td">
						满199元
					</view>
					<view class="td">
						满199元
					</view>
					<view class="td">
						满199元
					</view>
					<view class="td">
						满199元
					</view>

				</view>
				<view class="tr">
					<view class="td qy">
						签到奖励
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>

				</view>

				<view class="tr">
					<view class="td qy">
						评价奖励
					</view>
					<view class="td">
						+5/条
					</view>
					<view class="td">
						+5/条
					</view>
					<view class="td">
						+5/条
					</view>
					<view class="td">
						+5/条
					</view>

				</view>
				<view class="tr">
					<view class="td qy">
						专享活动
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>

				</view>
				<view class="tr">
					<view class="td qy">
						会员特价
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>

				</view>
				<view class="tr">
					<view class="td qy">
						生日礼包
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-52.png" mode="widthFix" class="dd"></image>
					</view>
					<view class="td">
						<image src="../../static/img/3/3-51.png" mode="widthFix" class="dd"></image>
					</view>

				</view>
			</view>
			<view class="title">
				签到奖励
			</view>
			<view class="p">
				(1）会员每天最多可签到1次，签到后获得相应的奖励。
			</view>
			<view class="p">
				(2）连续签到多天可获得额外的奖励。
			</view>
			
			<view class="title">
				评价奖励
			</view>
			<view class="p">
				(1）购买的商品售价高于或等于20元时，会员在订单完成3个月内对商品进行有效评价（用户评价字数须应在10个以上）将享受相应的奖励。
				
			</view>
			<view class="p">
				(2）用户只能评价自己帐号的订单商品, 不同等级会员给予不同数量的成长值奖励。普通会员奖励: 5成长值/条黄金会员奖励: 10成长值/条白金会员奖励: 15成长值/条钻石会员奖励: 20成长值/条
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		components: {

		},
		data() {
			return {

			}
		},
		methods: {

		},


	}
</script>

<style scoped>
	.table {
		border: 1px solid #E4E4E4;
		background: #fff;
		margin-top: 30rpx;
		display: table;
		width: 100%;
	}

	.table .tr {
		border-bottom: 1px solid #E4E4E4;
		/* display: flex; */
		/* display: table; */
		display: table-row;
	}

	.table .tr .td {
		/* flex: 1; */
		border-right: 1px solid #E4E4E4;
		padding: 25rpx;
		display: table-cell;
		font-size: 22rpx;
		color: #999;
		text-align: center;
		vertical-align: middle;
		border-bottom: 1px solid #E4E4E4;
	}

	.table .tr .qy {
		background: #f9f9f9;
		/* line-height: 60rpx; */
	}

	.table .qys {
		background: #f9f9f9;
	}

	.table .tr .td:nth-child(5n) {
		border-right: 0;
	}

	.table .tr .td image {
		display: block;
		width: 70rpx;
		margin: auto;
	}

	.table .tr .td .dd {
		width: 21rpx;
	}

	.box {
		display: flex;
		margin-top: 30rpx;
	}

	.box .fl {
		flex: 1;
		margin-left: 10rpx;
		margin-right: 10rpx;
		background: #fff;
		padding: 20rpx;
		text-align: center;
		color: #999;
		font-size: 20rpx;
	}

	.box .fl image {
		display: block;
		width: 70rpx;
		margin: auto;
	}

	.box .fl view {
		margin-top: 12rpx;
	}

	.p {
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		line-height: 40rpx;
		margin-top: 12rpx;
	}

	.title {
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		margin-top: 30rpx;
	}

	.cons {
		width: 95%;
		margin: auto;
		padding-top: 50rpx;
	}

	uni-page-body {
		height: 100%;
	}

	.mons {
		background: #EEEEEE;
		padding-bottom: 50rpx;
	}
</style>
